<template>
	<view>
		<view class="m-q3 cj_t">
			<text class="chengj p-q2">思政实践成绩：{{cj.sumScore}}分</text>
		</view>
		<view class="m-q3 list">
			<view class="cj_lis" v-if="cj.score1">
				<text class="p-t3">线下活动成绩</text>
				<text class="fenshu">{{cj.score1}}分</text>
			</view>
			<view class="cj_lis" v-if="cj.score2">
				<text class="p-t3">线上活动成绩</text>
				<text class="fenshu">{{cj.score2}}分</text>
			</view>
			<view class="cj_lis" v-if="cj.score3">
				<text class="p-t3">试题作答成绩</text>
				<text class="fenshu">{{cj.score3}}分</text>
			</view>
			<view class="cj_lis" v-if="cj.score4">
				<text class="p-t3">参与活动成绩</text>
				<text class="fenshu">{{cj.score4}}分</text>
			</view>
			<view class="cj_lis" v-if="cj.score5">
				<text class="p-t3">实践报告成绩</text>
				<text class="fenshu">{{cj.score5}}分</text>
			</view>
		</view>
		<view class="m-q3 pys m-t5">
			<text class="wcl-3ch">教师评语：</text>
			<text class="wcl w-l5 m-t3 m-b3">{{cj.comment}}</text>
		</view>
		<view class="m-q3 m-t5 pyss">
			<text class="wcl-3ch">参与活动成绩组成说明：</text>
			<text class="wcl w-l5 m-t3 m-b3">思政实践成绩满分100分，参与活动成绩满分40分，实 践报告成绩满分60分。</text>
		</view>
		<button class="shengc m-r3 m-t6" type="warn" @click="tz">生成报告</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				id:[],
				cj:[],
			}
			
		},
		onLoad(option) {
			this.id = option.id
		},
		created() {
			let that = this
			let params = {
			  "id":that.id
			}
			that.pyReq(that.$http.getStuTaskedScore,params,function(res){
					  that.cj = res.result
			});
		},
		methods:{
			tz(){
				console.log(this.id)
				uni.navigateTo({
					url:"./baogao?id="+this.id
				})
			}
		}
		
	}
</script>

<style>
	.shengc{
		width: 192upx;
		height: 51upx;
		line-height: 51upx;
		font-size: 26upx;
		float: right;
	}
	.pyss text{
		
	}
	.pys{
		border-bottom: 1upx solid #666666;
	}
	.pys text,.pyss text{
		display: block;
	}
	.list{
		display: flex;
		flex-wrap: wrap;
	}
	.cj_lis{
		width: 204upx;
		height: 152upx;
		background-color: #999999;
		border-radius: 10upx;
		color: #FFFFFF;
		margin-top: 20upx;
		margin-right: 20upx;
	}
	.cj_lis text{
		display: block;
		text-align: center;
		font-size: 26upx;
	}
	.cj_lis .fenshu{
		font-size: 40upx;
		margin-top: 20upx;
	}
	.cj_t{
		margin-top: 60upx;
	}
	.chengj{
		background: #B31610;
		color: #FFFFFF;
		border-radius: 10upx;
		margin-top: 40upx;
	}
</style>
